<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="static/easyui/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/css/style.css" />
<link rel="stylesheet" href="static/css/tcommon.css" />
<script src="static/jquery/jquery-1.12.4.js"></script>
<script src="static/easyui/jquery.easyui.min.js"></script>
<script src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<title>预警提示</title>
<style>
.content_table {
	border: 1px solid #8DB2E3
}

.content_table td {
	height: 24px;
	padding: 5px
}

.content_table {
	width: 100%;
	border-collapse: collapse
}

.grid th {
	background: #E7F3FE;
	height: 27px;
	line-height: 27px;
	border: 1px solid #8DB2E3;
	padding-left: 5px
}

.content_table td {
	border: 1px solid #8DB2E3;
	padding-left: 5px
}
</style>
</head>

<body>
<div class="content-container" data-options="region:'center'" >
<div class="panel-header"><div class="panel-title">资金预警</div></div>
		<table id="pro_table" class="easyui-datagrid" style="height: 100%"></table>
	</div>
	<div id="_proDlg" class="easyui-dialog info_dialog"
		style="width: 800px; padding: 10px 20px; max-height: 80%; overflow-y: auto; top: 30px;" closed="true">
		<div class="title"></div>
		<form id="proFm" method="post">
			<div class="content_container">
				<table class="content_table" id="display_table">
				</table>
				<br>
				<div class="" id="attrs" style="width: 100%;"></div>
			</div>
		</form>
	</div>
</body>
<script>
	var currentPro;
	$(document).ready(function() {
		$('#pro_table').datagrid({
			rownumbers : true,
			singleSelect : true,
			pagination : true,
			fitColumns : false,
			border : false,
			striped : true,
			//title : "资金预警",
			url : "warningMoney.do",
			method : 'get',
			onSelect : function(index,row) {
				currentPro = row;
			},
			columns : [ [ {
				field : 'name',
				title : '项目名',
				width : ''
			},{
				field : 'content',
				title : '费用详情',
				width : ''
			},{
				field : 'budgetmoney',
				title : '预算金额',
				width : ''
			},{
				field : 'applymoney',
				title : '申请金额',
				width : ''
			},{
				field : 'executemoney',
				title : '执行金额',
				width : ''
			},{
				field : 'remainmoney',
				title : '剩余金额',
				width : ''
			} ] ]
		});
	});
</script>

</html>